<template>
<div class="container">
  <!-- <div class="box">
    <div class="header">8</div>
    <main class="content">9</main>
  </div> -->
  <router-view></router-view>
 <router-view name="footer"></router-view>
</div>
</template>

<script setup>

</script>

<style lang="scss" >
*{
  padding: 0;
  margin: 0;
  list-style: none;
}
html ,body,#app,.container{
  display: flex;
  flex-direction: column;
  .box{
    flex: 1;
    overflow: auto;

    display: flex;
  flex-direction: column;
  .header{
    height: 50px;
  }
  .main{
    flex: 1;
    overflow: auto;
  }

  }
  .footer{
    height: 50px;
  }
}
</style>